オブジェクトのコレクション

各オブジェクトに数値プロパティが含まれるオブジェクトのコレクションがある場合は、データ連結を使用する必要があります。このデータ連結処理には、少なくとも次の２つのグラフプロパティが関連します。

ItemsSource プロパティ ? オブジェクトのコレクションが割り当てられるソース。
ValueBinding プロパティ ? グラフのデータ系列に対する値の連結を取得または設定します。どのオブジェクトプロパティがデータ値を提供するかを指定します。

リソースに次の点の配列があるとします。

XAML	コードのコピー
<x:Array x:Key="points" Type="Point"> <Point>0,0</Point> <Point>10,0</Point> <Point>10,10</Point> <Point>0,10</Point> <Point>5,5</Point> </x:Array>

次の XAML コードは、２つのデータ系列を持つグラフを表します。１つは点の x 座標に連結され、もう１つは y 座標に連結されます。

XAML	コードのコピー
<c1c:C1Chart Name="chart2"> <c1c:C1Chart.Data> <c1c:ChartData ItemsSource="{Binding Source={StaticResource points}, Path=Items}"> <c1c:DataSeries ValueBinding="{Binding Path=X}"/> <c1c:DataSeries ValueBinding="{Binding Path=Y}"/> </c1c:ChartData> </c1c:C1Chart.Data> </c1c:C1Chart>

XAML

コードのコピー

<c1c:C1Chart Name="chart2">
      <c1c:C1Chart.Data>
              <c1c:ChartData
 ItemsSource="{Binding Source={StaticResource points}, Path=Items}">
                      <c1c:DataSeries ValueBinding="{Binding Path=X}"/>
                      <c1c:DataSeries ValueBinding="{Binding Path=Y}"/>
              </c1c:ChartData>
      </c1c:C1Chart.Data>
</c1c:C1Chart>

次のサンプルは、点の XY 座標を同時に使用する系列を表します。XYDataSeries クラスのインスタンスが x 座標と y 座標に対応する２組のデータ値を処理していることに注意してください。

XAML	コードのコピー
<c1c:XYDataSeries XValueBinding="{Binding Path=X}" ValueBinding="{Binding Path=Y}"/>